:root {
  --primary-color: #f7f7f7;
  --secondary-color: #212121;
  --lightgrey: #efefef;
  --darkgrey: #646464;
  --navbg: #ffffff;
  --navcol: #646464; 
  --linkcol: #000;
  --walesred: #f33428;
}
/* root variables cannot be used in media queries so here for reference only:
  36em/57.6rem phone (Small devices (landscape phones, 576px and up)
  48em/76.8rem tablet (Medium devices (tablets, 768px and up)
  62em/99.2rem desktop (Large devices (desktops, 992px and up)
  75em/120rem large desktop (Large devices (desktops, 1200px and up)
  120em/192rem Pro/designer desktop (Large devices (desktops, 1920px and up, e.g. most pro design screens) 
*/

@font-face {
    font-family: 'CymruSansBody-Regular';
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/cymru-sans-body-regular.woff2") format("woff2"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/cymru-sans-body-regular.woff") format("woff"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/cymru-sans-body-regular.eot") format("eot");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'CymruSansHeadline-Medium';
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/cymru-sans-headline-medium.woff2") format("woff2"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/cymru-sans-headline-medium.woff") format("woff"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/cymru-sans-headline-medium.eot") format("eot");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'CymruSansHeadline-Regular';
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/cymru-sans-headline-regular.woff2") format("woff2"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/cymru-sans-headline-regular.woff") format("woff"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/cymru-sans-headline-regular.eot") format("eot");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'WalesSansBody-Regular';
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-sans-body-regular.woff2") format("woff2"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-sans-body-regular.woff") format("woff"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-sans-body-regular.eot") format("eot");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'WalesSansHeadline-Medium';
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-sans-headline-medium.woff2") format("woff2"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-sans-headline-medium.woff") format("woff"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-sans-headline-medium.eot") format("eot");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'WalesSansHeadline-Regular';
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-sans-headline-regular.woff") format("woff"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-sans-headline-regular.eot") format("eot");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'WalesSerif-Italic';
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-serif-italic.woff2") format("woff2"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-serif-italic.woff") format("woff"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-serif-italic.eot") format("eot");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'WalesSerif-Medium';
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-serif-medium.woff2") format("woff2"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-serif-medium.woff") format("woff"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-serif-medium.eot") format("eot");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'WalesSerif-Regular';
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-serif-regular.woff2") format("woff2"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-serif-regular.woff") format("woff"),
        src: url("https://d39o3fosqm9uio.cloudfront.net/uploads/15/themes/616/fonts/wales-serif-regular.eot") format("eot");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

.body {
  font-family: 'WalesSansBody-Regular', Helvetica, Arial, sans-serif;
  font-size:1.6rem; 
}

.html-section, #albums {
  font-family: 'WalesSerif-Regular', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: 'WalesSansHeadline-Medium', 'Helvetica', Helvetica, Arial, sans-serif;
}

hr + h1, hr + h2 {
  margin-top: 1rem;
}

b, strong {
  font-family: 'WalesSerif-Medium', 'Helvetica', Helvetica, Arial, sans-serif;
}

.lead {font-size:1.3em;}
.center {text-align:center;}/* ---------------------------------
    Navbar styles 
   --------------------------------- */
.navbar-section {
  padding-top: 0;
  padding-bottom: 0;
  /* navbar account name color */
  color: var(--navcol);
  /* navbar color */
  background-color: var(--navbg);
  /* navbar border at the bottom */
  border-bottom: 1px solid var(--primary-color);
}

/* navbar icons text color */
.navbar-section .selection-count,
.navbar-section .avatar-user-dropdown,
.nav-icon-text,
/* mobile menu */
.navbar-section-content a,
.navbar-section-content .dropdown-button {
  color: var(--navcol);
}

/* navbar user dropdown border color */
.navbar-section .avatar-user-dropdown {
  border-color: var(--navcol);
}

/* dropdown */
.navbar-section-content .dropdown-button:hover,
.navbar-section-content .dropdown-button:focus-within {
  opacity: 0.7;
}

/* caret icon changes direction when menu is open - preview bar and search filters too */
.dropdown-button:focus-within .css-icon-caret-down,
.filter-name:focus-within .css-icon-caret-down {
  transform: rotate(180deg);
}

/* nav dropdown mobile */
.navbar-section-content .dropdown-content {
  background-color: var(--navbg);
  color: var(--navcol);
  border: none;
  width: max-content;
  box-shadow: none;
}

/* user dropdown */
.user-dropdown .dropdown-options {
  background-color: var(--navbg);
  color: var(--navcol);
  border: 2px solid var(--primary-color);
}

.navbar-section-content .dropdown-content a:hover,
.user-dropdown .dropdown-options a:hover {
  background-color: var(--primary-color);
  opacity: 1;
}

/* Hide logo and account name on mobile */
.account-logo .logo {
  display: none; 
  max-height: 4rem;
}

.account-logo-mobile {
  left: auto;
  top: auto;
  width: auto;
  height: 4rem;
}

span.account-name {
  font-size: 1.6rem;
  display: none;
}

@media (min-width: 62em) {
  /* Adjust height and spacing for logo on desktop */
  .navbar-section {
    height: 10rem;
  }
  
  .account-logo .logo,
  span.account-name {
    display: block;
    max-height: 10rem;
    padding: 0.5em 0;
    margin-right: 2em;
  }	
  /* nav dropdown desktop */
  .navbar-section-content .dropdown-content {
    box-shadow: 0 .8rem 1.6rem #0003;
    max-height: 80vh;
    overflow-y: scroll;
  }
}

/* navbar overflow fix */
@media screen and (max-width: 72em) {
  /* CSS rules to hide certain navbar elements and display the hamburger menu */
  .navbar-button.search-button,
  .navbar-button.contribute-button,
  .navbar-button.icon-admin,
  .navbar-button.icon-contribute,
  .navbar-locale-dropdown {
    display: none;
  }
}

.css-icon-lock {
  --icon-mask: url('data:image/svg+xml,<svg viewBox="-0.5 -0.5 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 8.235c-0.22381249999999997 -0.0026249999999999997 -0.443 0.063375 -0.6281249999999999 0.189125 -0.1850625 0.12575 -0.3273125 0.3051875 -0.40731249999999997 0.5141249999999999 -0.0800625 0.2089375 -0.09418750000000001 0.4375 -0.040499999999999994 0.65475 0.0536875 0.21718749999999998 0.1726875 0.41275 0.3409375 0.560375V11.174999999999999c0 0.1949375 0.0775 0.3819375 0.2153125 0.51975s0.32475 0.21525 0.5196875 0.21525c0.1949375 0 0.3819375 -0.07743749999999999 0.51975 -0.21525s0.21525 -0.32481250000000006 0.21525 -0.51975v-1.021625c0.16825 -0.147625 0.28725 -0.34318750000000003 0.34099999999999997 -0.560375 0.053625 -0.21725 0.03950000000000001 -0.44581250000000006 -0.040499999999999994 -0.65475s-0.22231250000000002 -0.38837499999999997 -0.40737500000000004 -0.5141249999999999c-0.185125 -0.12575 -0.4043125 -0.19175 -0.6281249999999999 -0.189125Zm3.675 -2.94V3.825c0 -0.9746875 -0.3871875 -1.9094375 -1.076375 -2.598625S8.4746875 0.15 7.5 0.15c-0.9746875 0 -1.9094375 0.3871875 -2.598625 1.076375S3.825 2.8503125000000002 3.825 3.825v1.47c-0.5848125 0 -1.145625 0.23231249999999998 -1.5591875 0.6458125000000001C1.8523124999999998 6.354375 1.62 6.9152499999999995 1.62 7.5v5.145c0 0.58475 0.23231249999999998 1.145625 0.6458125000000001 1.5591875 0.41356249999999994 0.4135 0.974375 0.6458125000000001 1.5591875 0.6458125000000001h7.35c0.58475 0 1.145625 -0.23231249999999998 1.5591875 -0.6458125000000001 0.4135 -0.41356249999999994 0.6458125000000001 -0.9744375 0.6458125000000001 -1.5591875V7.5c0 -0.58475 -0.23231249999999998 -1.145625 -0.6458125000000001 -1.5591875 -0.41356249999999994 -0.4135 -0.9744375 -0.6458125000000001 -1.5591875 -0.6458125000000001ZM5.295 3.825c0 -0.5848125 0.23231249999999998 -1.145625 0.6458125000000001 -1.5591875C6.354375 1.8523124999999998 6.9152499999999995 1.62 7.5 1.62s1.145625 0.23231249999999998 1.5591875 0.6458125000000001c0.4135 0.41356249999999994 0.6458125000000001 0.974375 0.6458125000000001 1.5591875v1.47H5.295V3.825Zm6.615 8.82c0 0.1949375 -0.07743749999999999 0.3819375 -0.21525 0.51975s-0.32481250000000006 0.21525 -0.51975 0.21525H3.825c-0.1949375 0 -0.38187499999999996 -0.07743749999999999 -0.51975 -0.21525 -0.1378125 -0.1378125 -0.21525 -0.32481250000000006 -0.21525 -0.51975V7.5c0 -0.1949375 0.07743749999999999 -0.38187499999999996 0.21525 -0.5196875 0.137875 -0.1378125 0.32481250000000006 -0.2153125 0.51975 -0.2153125h7.35c0.1949375 0 0.3819375 0.0775 0.51975 0.2153125s0.21525 0.32475 0.21525 0.5196875v5.145Z" fill="currentColor" stroke-width="1"></path></svg>');
}.footer-section {
  background-color: #111;
  color: #fff;
}

.footer-top {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 3rem;
}
.footer-top article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
.footer-top article ul {list-style:none;}
  
.footer-top article li, .footer-top article p {
  width:100%;
  display:block;
  text-align:center;
  line-height:5rem;
}
.footer-top article li a {text-decoration:none;}

.footer-menu-links li {width: max-content;}

.footer-menu-links {
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    margin: 4rem 0;
}

@media (min-width:62em) {
  .footer-top {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 6rem;
  }
  .footer-top article:nth-child(2) p {text-align:right;}
  .footer-top article li {
    padding-right:2rem;
    margin-right:1rem;
    width:fit-content;
    text-align:left;
    display:inline-block;
  }
  .footer-top article li:last-child {border:none;}
  .footer-top-section-left {
	width: auto;
	text-align: left;
	}
  .footer-top-section-right {
  width: auto;
  text-align: right;
  }
  .footer-menu-links {
    flex-direction: row;
    margin: 0;
  }
}/* ---------------------
   Main Elements
   --------------------- */
.body {
  background-color: var(--primary-color);
}
.main {margin-top: 7rem;}
@media screen and (min-width: 62em) {.main {margin-top: 10rem;}}
.preview-mode .main {padding-top: 6rem;}

.welcome-paragraph {
  font-size:2rem;
}

hr.thick {
  margin: 1.6em 0 0;
  border-top: 3px solid;
  width: 100%;
  color: inherit;
}

mark {
	padding: 1rem 2rem;
	background-color: #f9d147;
    color: black;
}

/* fix code wrapping on mobile */
pre {
font-family: monospace,monospace;
font-size: 1em;
max-width: 100%;
overflow: auto;
white-space: normal;
}

/* ----------------
   Search widget
   ---------------- */

.search-section {
  max-width: 120rem;
  margin: 5rem auto; 	
}

.search-label{
  display: none;
}

.filters{
  justify-content: center;
}

.search-grid-section .page-actions, 
.search-grid-section .grid, 
.search-grid-section .assets-pagination {
  background-color: var(--primary-color);
  padding-bottom:4rem;  
}
.change-grid-view .icon-text {
display: none;
}

.file-icon::before{
  border-color: var(--primary-color) var(--primary-color) rgba(255, 255, 255, .3) rgba(255, 255, 255, .35);
}

/* ----------------
   Masonry view 
   ----------------- */
.masonry-asset {
  margin-bottom: 2rem;
  background-color: white;
  padding: 0;
  float: left;
}
.masonry-asset:hover {opacity:0.6;}
.masonry-asset .asset-grid-icon {position:relative;}
.masonry-asset .asset-grid-name {margin-left:0;}

/* ------------
Feed view 
---------------- */
.feed-view .asset-name {
	text-align:left;
  	justify-content:left;
}
.feed-view .asset-grid-name {
  font-size: 1.2em;
  text-align:left;
  font-weight:bold;
}
.feed-view .feed-asset-type-icon {display:none;}

/* ------------
   Gallery 
   ------------ */

/*-- Mobile --*/
.gallery-link,
.gallery-image {
  height: 8rem;
}

/*-- Desktop --*/
@media (min-aspect-ratio: 1/1) {
  .gallery-link,
  .gallery-image {
    height: 16rem;
  }
}


/* --------------
   Home Page 
   -------------- */
.intro-logo {
	max-width:20rem;
}


/* custom social links article */
.social-links {margin-top:5em;}
.social-links a {font-size:2rem;padding:1rem 2rem;}
/* end */

/* fix download form terms field separation issue */
.form-checkbox.terms {
margin: 5rem 0;
}/* Layout and basic styles of Asset Detail Page */
.albums-section-title{
  display: none;
}

.asset-page-wrapper {
  padding: 2rem 2em;
}
@media (min-width:768px) {
  .asset-page-wrapper {
    padding: 6rem 6em;
  }
}

.asset-data{
  margin-top: 1rem;
}

.asset-data,
.asset-buttons{
  text-align: center;
}

button.asset-action {color:#000;}

.asset-info span:not(.asset-id, .asset-source):before {
  content: ' | ';
}

.asset-source:before {
  content: 'src: ';
}

.asset-page-wrapper.post .asset-proxy-section,
.asset-page-wrapper.post .asset-details-section,
.asset-page-wrapper.post .asset-tags-section{
  max-width: 90rem;
  margin: auto;
  width: 100%;
}

.asset-page-wrapper.post .asset-proxy-section{
  margin-top:2rem;
}


.asset-tags-title,
.asset-type-title,
.asset-size-title,
.asset-filename-title,
.asset-dimensions-title,
.asset-type-value,
.asset-extension-title,
.asset-release-date,
.asset-created-at,
.asset-id-title,
.asset-licence-title,
.asset-word-count-title{
  display:none;
}

.asset-licence-value:before{
  content: ' -';
  margin-right: 0.5rem;
}

.asset-licence-subtitle:after,
.asset-expiry-date-title:after,
.asset-created-at-title:after,
.asset-release-date-title:after,
.asset-credit-title:after,
.asset-usage-title:after{
  content:':';
}

.AssetView .asset-title {
  font-size: 2rem;
  flex: 0 0 100%;
}

.asset-page-main .asset-type,
.asset-page-main .asset-size,
.asset-page-main .asset-extension,
.asset-page-main .asset-id{
  width: 33%;
  display: inline;
}

.asset-details-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.asset-details-section article {
  flex: 1;
  flex: 0 0 100%;
}

.asset-details-section .asset-type,
.asset-details-section .asset-size,
.asset-details-section .asset-dimensions,
.asset-details-section .asset-extension,
.asset-details-section .asset-id,
.asset-details-section .asset-word-count{
  flex: 0 0 content;
}

.asset-type-icon,
.asset-license-icon,
.asset-expiry-date-icon,
.asset-created-at-icon,
.asset-release-date-icon,
.asset-credit-icon,
.asset-usage-icon,
.asset-reference-icon,
.asset-location-icon {
  float: left;
  margin-right: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.AssetView .asset-extension:before,
.AssetView .asset-id:before,
.AssetView .asset-size:before,
.AssetView .asset-dimensions:before,
.AssetView .asset-word-count:before{
  content: ' | ';
  margin-left: 0.5rem;
}

.AssetView .asset-id:before {
  content: '#';
  margin-right: -0.4rem;
}

/* removed 10 Jun as now appears to be added as HTML by the server
.AssetView  .asset-placename:after,
.AssetView  .asset-city:after,
.AssetView  .asset-region:after {content:','}
*/

.AssetView .asset-latitude:before {
  content:'Latitude: ';
}
.AssetView .asset-longitude:before {
  content:'Longitude: ';
}

/* Margins and paddings */
.AssetView .asset-details-section article {
  margin-bottom: 1.2rem;
}

.asset-page-wrapper .section{
  padding: 0;
}

.asset-tags{
  margin-top: 3rem;
}

/* added to solve tag wrapping */
.asset-tags a {
  font-size: 1em;
  line-height: 1.6;
  float: left;
  margin: 0 0.8rem 1.2rem 0;
}

.asset-term-of-use{
  margin-top: 1rem;
}

.AssetView .asset-body {
  margin-bottom: 1.8rem;
}

.asset-body p {
  margin: 0;
}

.AssetView .asset-type-icon {
  order: 2;
  margin-bottom: 0.8rem;
  flex: unset;
}

.AssetView .asset-name {
  order: 1;
  width: 100%;
}

.AssetView .asset-id {
  order: 3;
}

.AssetView .asset-extension {
  order: 4;
}

.AssetView .asset-word-count {
  order: 4;
}

.AssetView .asset-size {
  order: 5;
}

.AssetView .asset-dimensions {
  order: 6;
}

.AssetView .asset-description {
  order: 7;
}

.AssetView .asset-licence {
  order: 8;
}

.AssetView .asset-terms-of-use {
  order: 9;
  padding-bottom: 1rem;
}

.AssetView .asset-expiry-date {
  order: 10;
}

.AssetView .asset-release-date {
  order: 11;
}

.AssetView .asset-created-at {
  order: 12;
}

.AssetView .asset-credit {
  order: 13;
}

.AssetView .asset-usage {
  order: 14;
}

.AssetView .asset-reference {
  order: 15;
}

.AssetView .asset-account {
  order: 15;
}

.AssetView .asset-location {
  order: 16;
}

/* adds some separation to the related assets section in Portal */
.related-assets-section {
  border-top:1px dotted #ccc;
  margin-bottom:5em;
}

/* move proxy in assets to top in mobile but preserve post positioning */
.asset-page-wrapper .section.breadcrumb-section {padding:1em 0;}
.asset-page-wrapper {
  grid-template-areas: "breadcrumb breadcrumb breadcrumb" "proxy proxy proxy" "details details details"  "tags tags tags" "actions actions actions";
}
.asset-page-wrapper.post {
  grid-template-areas: "breadcrumb breadcrumb breadcrumb" "proxy proxy proxy" "tags tags tags" "actions actions actions";
}

@media (min-width:36em) {
  .asset-page-wrapper .section.breadcrumb-section {padding:0;}
  .asset-proxy-section {
    margin-right: 5rem
  }
  .asset-page-wrapper .section.breadcrumb-section {padding:0;}
  .asset-page-wrapper {
    grid-template-areas: "breadcrumb actions actions" "proxy proxy details" "proxy proxy tags";
  }
  .asset-page-wrapper.post {
    grid-template-areas: "breadcrumb actions actions" "proxy proxy proxy" "tags tags tags";
  }
}

/* stop right click save */
img.proxy-preview {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Sign Up Page styles */
.new-account-section .form-section {
  background-color:transparent;
  padding:0;
}

.new-account-hint {font-size:2.5rem;}

.new-account-section .form-section form {
  background-color:antiquewhite;
  border-radius:1em;
  padding:1em;
}

@media screen and (min-width: 75em) {
  .new-account-section .form-section {
    width: 33vw;
    min-width:30em;
    margin:1em auto;
    background-color:transparent;
  }
  .new-account-section .form-section form {
    background-color:antiquewhite;
    border-radius:1em;
    padding:2em;
  }
  .new-account-section .new-account-embeded-image {
    padding:3rem;
    max-width:66vw;
  }
  blockquote {padding:2em;}
  blockquote span {
    display:block;
    width:100%;
    font-size:2.2rem;
    font-weight:bold;
  }
  blockquote cite {
    display:block;
    width:100%;
    font-size:1em;
    text-align:center;
  }	
  .signup-faq {
    margin:2.5%;
    text-align:left!important;
    padding-top:1em;
  }
}
.desktop {display:none;}

@media screen and (min-width: 62em){
  .desktop {display:block;}
  .mobile {display:none;}
}

/* faq styles */
dl {
  column-count: 1;
  column-gap: 0rem;
}

.fw dl {
  column-count: 1;
  column-gap: 0rem;
}
@media (min-width:48em) {
  dl {
    column-count: 2;
    column-gap: 5rem;
  }
  .fw dl {
    column-count: 3;
    column-gap: 5rem;
  }
}

dt {font-weight:bold;}
dt.subtitle {
  border-bottom: 2px solid #000;
  margin:2rem 0;
}
dt.subtitle:first-child {
  border-bottom: 2px solid #000;
  margin:0 0 2rem 0;
}
dd {margin-bottom:1rem;}
.bk-wall .brandkit-logo,
.bk-wall .logo {
  max-height: 20rem;
}

@media screen and (min-width: 36em) {
  .bk-wall {
    margin: 10em auto 4em auto;
    padding:3rem 6rem
  }
}

@media screen and (min-width: 48em) {
  .bk-wall {
    margin: 10em 4em;
  }
}
.reset-password-section {
  background-color:#fff;
  width:fit-content;
  margin:0 4em;
}/* full width section */
.fw {padding:4em 0;}

@media (min-width:77rem) {
  .fw {
    width:100vw;
    padding:4em 0;
  } 
}

/* full height section */
.fh {
  padding-top:0;
  padding-bottom:0;
}

/* two column grids used throughout site */
.two-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.two-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
/* Tablet Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .two-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }
  .two-col-grid h1, .two-col-grid h2 {
  }
}  
/* end 2 col grid */

/* 3 column grids used throughout site */
.three-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.three-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}

/* Tablet Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .three-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4em;
    grid-row-gap:4em;
  }
}
/*  Desktop Breakpoint 1200px / 16px = 75em*/ 
@media (min-width:75em) {
  .three-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4em;
    grid-row-gap:4em;
  }
  .three-col-grid h1, .three-col-grid h2 {
  }
}  
/* end 3 col grid */

/* 4 column grids used throughout site */
.four-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.four-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
/*  Desktop Breakpoint 768px / 16px = 48em */ 
@media (min-width:48em) {
  .four-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap:2em;
  }
}
/*  Desktop Breakpoint 1200px / 16px = 75em */   
@media (min-width:75em) {
  .four-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap:2em;
  }
}  
/* end 4 col grid */
/* reset section padding on occasion */
.tight-bottom {padding-bottom:0;}
.tight-top {padding-top:0;}
.tight-left {padding-left:0;}
.tight-right {padding-right:0;}

section.blackbg {
  background-color: #121212;
  color: #fff!important;
}
section.whitebg {
  background-color: #fff;
  color: #000!important;
}
.search-grid-section .assets-pagination {
    padding-bottom: 2rem; /* reset padding on sections */
}
/* reset section padding on occasion */
.tight-bottom {padding-bottom:0;}
.tight-top {padding-top:0;}
.tight-left {padding-left:0;}
.tight-right {padding-right:0;}

/* html section */
.html-section,
.section.albums-section {
  width:100vw;
  padding-top:3rem;/* reset padding on sections */
  padding-left:2em;
  padding-right:2em;
  padding-bottom:3rem;/* reset padding on sections */
}
.html-section img {margin:1.6em auto;}
.html-section p img {margin:0 auto;}
.html-section:first-child {padding-top:6rem;}
.html-section .button {margin: 4rem 0; width: max-content;}

@media (min-width:62em) {
  .html-section,
  .section.albums-section  {
    padding-left:3em; 
    padding-right:3em;  
  }
}  
@media (min-width:75em) {
  .html-section,
  .section.albums-section  {
    padding-left:calc(50% - 34.5em); 
    padding-right:calc(50% - 34.5em);   
  }
}  
@media (min-width:120em) {
  .html-section,
  .section.albums-section  {
    padding-left:calc(50% - 45em); 
    padding-right:calc(50% - 45em);  
  }
}.button,
.normal-button {
  color: #fff;;
  background-color: var(--walesred);
  padding: 1rem 2rem;
}
.cancel-button, .cancel-my-account-button, .danger-button {
  color:red; 
  text-decoration:underline; 
  background-color:#fff;}

.button-with-border {
  color: #000;;
  background-color: #fff;
  border: 1px solid #000;
}
.edit-profile-button {
  width:100%;
}
.normal-button.save-profile-changes-button,
.normal-button.save-profile-changes-button  {
  padding: 1rem 2rem;
}

a:hover,
.asset-add-to-basket-button:hover,
.clear-search-btn:hover {
  opacity:0.6;
}/* Albums widget */
.albums-grid .album {
  aspect-ratio: 3 / 2; /* sets aspect ratio of album covers consistently when height is calculated */
  width: 100%;
  height: -webkit-fit-content;
}

.album-cover, .album-with-no-cover {
  border: none;
}

.album-cover:hover, .album-with-no-cover:hover {
  border: none;
} 

.albums-grid .album-cover, .albums-horizontal-grid .album-cover {
  min-height: auto; 
}

.albums-grid .album-wrapper {
  gap: 1rem;
}

.albums-grid .album-title {
  text-align: left;
}

/* new album select state */
a.album-selected {
  border: none;
  box-shadow: none;
}
a.album-selected img, a.album-selected div.album-with-no-cover,
a.album-selected img:hover, a.album-selected div.album-with-no-cover:hover {
  border:5px solid var(--walesred);
  box-shadow: 0 15px 25px 1px #ccc;
}
a.album-selected span.album-title {
  color:#000;
  font-weight:bold;
}
/* end album select state */

.albums-horizontal-grid .album-wrapper {
  padding: 4rem 2rem 0;
  grid-gap: 2rem;
}

.albums-header {padding-bottom: 0;}
#albums {padding-top: 0; padding-bottom: 6rem;}

@media screen and (min-width: 48em) {
  /* tablet - rows of three */
  .albums-grid .album {
    width: calc(33.33% - (3rem / 3));
  }
}

@media screen and (min-width: 62em) {
  .albums-grid .album-wrapper {
	max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1rem;
  }
  /* desktop - rows of four */
  .albums-grid .album {
    width: calc(25% - (3rem / 4));
  }
  
  .albums-horizontal-grid .album-wrapper {
	max-width: 100%;
    grid-gap: 4rem;
    overflow-wrap: normal;
    flex-wrap: wrap;
  }
}/* carousel */

section.carousel-section {    
  position: relative;    
  line-height: 0;    
  height: 100%;    
  padding: 0;    
}

/* image overlay */
section.carousel-section .carousel-slide::after {
  content: '';
  background: linear-gradient(360deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.2) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.carousel-container {    
  display: flex;    
  transition: transform 1s ease;
} 

.carousel-slide {    
  flex: 0 0 100%; /* Ensure each slide takes full width */
  position: relative;
}

.carousel-slide img {    
  width: 100%;
  margin: 0 auto;
}

/* left and right navigation (hidden) */
.prev,.next {    
  position: absolute;    
  top: 0;    
  background-color: red;    
  cursor: pointer;    
  height: 94.5%;    
  width: 10%;    
  z-index: 2;    
  opacity: 0;
}

.prev {    
  left: 0;
}

.next {    
  right: 0;
}

/* slide indicators */
.carousel-dots {  
  position: absolute;  
  bottom: 10%;   
  left: 50%;  
  transform: 
  translateX(-50%); /* Corrects horizontal centering */
  z-index: 2;
}

.dot {    
  display: inline-block;    
  width: 10px;    
  height: 10px;    
  background-color: #ccc;    
  border-radius: 50%;    
  margin: 0 5px;    
  cursor: pointer;
}

/* active slide indicator */
.dot.active {    
opacity: 100%;
}

/* inactive slide indicator */
.dot:not(.active) {    
opacity: 50%;
}

.caption {
  position: absolute;
  bottom: 3rem;
  left: 2rem;
  z-index: 2;
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
  margin-bottom: -1.6rem;
  font-family: 'WalesSansBody-Regular';
}

.carousel-hero-text {
  position: relative;
  width: 100%;
  margin-top: calc(-100vw / 3);
  height: calc(100vw / 3);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  z-index: 1;
  line-height: 1.6;
}

@media screen and (min-width: 62em){
  .carousel-hero-text {
    display: flex;
  }
}/* move searchbox up over carousel */
#searchbox.search-box-section.desktop {
  position: relative;  
  width: 100%;
  /* position down from top amount of main padding / navbar height */
  margin-top: calc(-100vw/3);
  /* calculate height by aspect ratio of carousel images, so it's the same size */
  height: calc(100vw/3);
  z-index: 2;
  color: #fff;
  pointer-events: none;
}

.desktop .search-box-component {
  width: 50%;
  pointer-events: auto;
}

@media screen and (max-width: 36em) {.search-box input{font-size: 80%;}}

/* Styles for the 'assets-button' */
.assets-button {
  background-color: var(--walesred);
  outline: 1px solid var(--walesred);
}

/* Hover effect */
.assets-button:hover {
  opacity: 0.7;
}

/* filters */
.filters{
  justify-content: center;
}

.filter-options {
  z-index: 2
}

.filter-options .filter-option:hover {
  color: #fff;
  background-color: var(--walesred);
}

.filter-options .filter-option.selected {
  font-weight: bold;
  background-color: transparent;
  color: #111;
}

.filter-button:hover {
  opacity: 0.7
}
/* show the Search label and the And/Or toggle in the Search Grid - check render colour in each theme */
label.search-label {display:block;}#map {
  background-color: #eeede7;
}

.map-grid {
  display: block;
}

@media screen and (min-width: 62em) {
  .map-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.map-list-group {
  display: flex;
  gap: 4rem;
}

.map-list {
  padding: 0;
  font-family: 'WalesSerif-Regular';
  width: 100%;
}

.map-list li {
  list-style: none;
  line-height: 2;
  border-top: 1px solid #ccc;
}

.map-list a {
  text-decoration: none;
  line-height: 3.4rem;
  font-weight: 500;
}

.map-list a.map-selected, .map-list a:hover {
  color: var(--walesred);
}

.map-region {
  fill: #a4a59c;
}

.map-region.selected,
.map-region-group.selected .map-region,
.map-region:hover {
  fill: var(--walesred);
  cursor: pointer;
}.cookies-preferences-section-overlay {z-index:99;}